<!DOCTYPE html PUBLIC
          "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
   <%@taglib uri="/WEB-INF/tld/struts-html.tld" prefix="html" %> 
<%@taglib uri="/WEB-INF/tld/struts-bean.tld" prefix="bean" %>
    <script src="js/jscal2.js"></script>
    <script src="js/en.js"></script>
    <link rel="stylesheet" type="text/css" href="css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="css/steel.css" />
  </head>
  <body>
  <html:text name="f_date1" property="f_date1"></html:text>
  
  <html:button  name="f_btn1" property="f_btn1">...</html:button>
    <input size="30" id="f_date1" readonly="readonly" /><button id="f_btn1">...</button><br />

    <script type="text/javascript">//<![CDATA[
      Calendar.setup({
        inputField : "f_date1",
        trigger    : "f_btn1",
        onSelect   : function() { this.hide()},
        showTime   : 12,
        dateFormat : "%Y-%m-%d %I:%M %p"
      });
    //]]></script>
  </body>
</html>
